﻿import React from 'react';
import { Form, Input, Row, Col, Button, DatePicker,Icon, Select } from 'antd';
import './index.less'
import classNames from 'classnames';
const FormItem = Form.Item;
const Option = Select.Option;

class QueryForm extends React.Component {

	constructor(props){
		super(props);
	}

	handleSubmit(e) {
		e.preventDefault();
		console.log('Received values of form:', this.props.form.getFieldsValue());
	}

	render() {
		let {visible} = this.props;

		const searchCls = classNames({
			'ant-advanced-search-form': true,
			'ant-advanced-search-form-invisible': !visible,
		});

		return (
			<Form horizontal className={searchCls}>
				<Row gutter={16}>
					<Col sm={8}>
						<FormItem
							label="学号"
							labelCol={{ span: 10 }}
							wrapperCol={{ span: 14 }}
						>
							<Input placeholder="请输入学生考号" size="default" />
						</FormItem>
						<FormItem
							label="入学时间"
							labelCol={{ span: 10 }}
							wrapperCol={{ span: 14 }}
						>
							<Select defaultValue="2010"  >
								<Option value="2010">2010</Option>
								<Option value="2011">2011</Option>
								<Option value="2012">2012</Option>
								<Option value="2013">2013</Option>
								<Option value="2014">2014</Option>
								<Option value="2015">2015</Option>
								<Option value="2016">2016</Option>
								<Option value="2017">2017</Option>
								<Option value="2018">2018</Option>
								<Option value="2019">2019</Option>
								<Option value="2020">2020</Option>
								<Option value="2021">2021</Option>
								<Option value="2022">2022</Option>
								<Option value="2023">2023</Option>
								<Option value="2024">2024</Option>
								<Option value="2025">2025</Option>
								<Option value="2026">2026</Option>
							</Select>
						</FormItem>
						<FormItem
							label="就业状态"
							labelCol={{ span: 10 }}
							wrapperCol={{ span: 14 }}
						>
							<Select defaultValue="未申请"  >
								<Option value="未申请">未申请</Option>
								<Option value="学院审核">学院审核</Option>
								<Option value="就业部审核" >就业部审核</Option>
								<Option value="违约申请">违约申请</Option>
								<Option value="违约学院审批">违约学院审批</Option>
								<Option value="违约就业部审批">违约就业部审批</Option>
								<Option value="二次就业申请">二次就业申请</Option>
							</Select>
						</FormItem>
					</Col>
					<Col sm={8}>
						<FormItem
							label="学生姓名"
							labelCol={{ span: 10 }}
							wrapperCol={{ span: 14 }}
						>
							<Input placeholder="请输入学生姓名" size="default" />
						</FormItem>
						<FormItem
							label="毕业时间"
							labelCol={{ span: 10 }}
							wrapperCol={{ span: 14 }}
						>
							<Select defaultValue="2010"  >
								<Option value="2010">2010</Option>
								<Option value="2011">2011</Option>
								<Option value="2012" >2012</Option>
								<Option value="2013">2013</Option>
								<Option value="2014">2014</Option>
								<Option value="2015">2015</Option>
								<Option value="2016">2016</Option>
								<Option value="2017">2017</Option>
								<Option value="2018">2018</Option>
								<Option value="2019">2019</Option>
								<Option value="2020">2020</Option>
								<Option value="2021">2021</Option>
								<Option value="2022">2022</Option>
								<Option value="2023">2023</Option>
								<Option value="2024">2024</Option>
								<Option value="2025">2025</Option>
								<Option value="2026">2026</Option>
							</Select>
						</FormItem>
						<FormItem
							label="就业协议代码"
							labelCol={{ span: 10 }}
							wrapperCol={{ span: 14 }}
						>
							<Input placeholder="请输入就业协议代码" size="default" />
						</FormItem>
					</Col>
					<Col sm={8}>
						<FormItem
							label="专业名称"
							labelCol={{ span: 10 }}
							wrapperCol={{ span: 14 }}
						>
							<Input placeholder="请输入专业名称" size="default" />
						</FormItem>
						<FormItem
							label="选择学历"
							labelCol={{ span: 10 }}
							wrapperCol={{ span: 14 }}
						>
							<Select defaultValue="本科"  >
								<Option value="本科">本科</Option>
								<Option value="专科">专科</Option>
							</Select>
						</FormItem>
					</Col>
				</Row>
				<Row>
					<Col span={12} offset={12} style={{ textAlign: 'right' }}>
						<Button type="primary" htmlType="submit">查询</Button>
						<Button>清除条件</Button>
					</Col>
				</Row>
			</Form>
		);
	}
}

QueryForm = Form.create()(QueryForm);

export default QueryForm;